<template>
    <el-card shadow="never">
        <div v-show="tabStore.assembly_type === 'CPU'">
            <SearchItem type="CPU" title_one="CPU系列" title_two="CPU接口" :data_one="CPU_series" :data_two="CPU_interface">
            </SearchItem>
        </div>
        <div v-show="tabStore.assembly_type === '主板'">
            <SearchItem type="主板" title_one="CPU插槽" title_two="内存类型" :data_one="CPU_interface" :data_two="Memory_type">

            </SearchItem>
        </div>
        <div v-show="tabStore.assembly_type === 'GPU'">
            <SearchItem type="GPU" title_one="显卡芯片" title_two="显存容量" :data_one="GPU_code" :data_two="GPU_capacity">

            </SearchItem>
        </div>
        <div v-show="tabStore.assembly_type === '内存'">
            <SearchItem type="内存" title_one="内存容量" title_two="内存接口" :data_one="Memory_capacity" :data_two="Memory_type">

            </SearchItem>
        </div>
        <div v-show="tabStore.assembly_type === '固态硬盘'">
            <SearchItem type="固态硬盘" title_one="内存容量" title_two="内存接口" :data_one="SSD_capacity"
                :data_two="SSD_interface">

            </SearchItem>
        </div>
        <div v-show="tabStore.assembly_type === '硬盘'">
            <SearchItem type="硬盘" title_one="硬盘容量" title_two="内存接口" :data_one="HDD_capacity" :data_two="HDD_interface">

            </SearchItem>
        </div>
    </el-card>
</template>

<script setup lang="ts">
import SearchItem from './Search/SearchItem.vue';
import { useTabStore } from '@/store/useTabStore';

import {
    CPU_series, CPU_interface, Memory_type, Memory_capacity, GPU_code, GPU_capacity, SSD_capacity, SSD_interface, HDD_capacity,
    HDD_interface,
} from "../utils.ts"
const tabStore = useTabStore();



</script>

<style scoped lang="scss"></style>